{layout name="shoutu13/layout" /}
<style>
	.gundonggg {
		position: absolute;
		z-index: 9999;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 10px;
		background: #df3d5f00;
		padding: 3px 0px 0 0;
		border-radius: 2px;
	}

	#ys {
		border: 1px solid #FF9900;
		background-color: #FF9900;
		color: #FFFFFF;
	}
</style>
<div class="container">
	<div class="row">
		<div class="col-lg-wide-75 col-xs-1">
			<div class="stui-player__item clearfix">
				<div class="stui-player__video embed-responsive embed-responsive-16by9 clearfix">
					{notempty name="$cof['pgDataSwitch']"}
					<p class="gundonggg">
						<marquee scrollamount="8" direction="left" align="Middle">
							{$cof['playergg']}
						</marquee>
					</p>
					{/notempty}
					<div id="shiping_box">
						<img id="addid" src="" style="display: none;width:100%;border: 0px solid #FF6651">
						<iframe id="video" src="/jzad.html" allowfullscreen="true" allowtransparency="true"
							frameborder="0" scrolling="no" style="width:100%;border:none"></iframe>
					</div>

				</div>
				<div class="stui-player__detail detail">
					{notempty name="data['data']['playListType']"}
					{if condition="$data['data']['playListType']!=1"}
					<ul class="more-btn">

						<li><a class="btn btn-default" href="?p={:putSelectionsjj($page)-1}">
								<i class="icon iconfont icon-back"></i>
								上一集
							</a>
						</li>
						<li><a class="btn btn-default" href="?p={:putSelectionsjj($page)+1}">
								下一集 <i class="icon iconfont icon-more"></i>
							</a>
						</li>
					</ul>
					{/if}
					{/notempty}
					<h1 class="title" id="xuji">
						<a>{$data.data.vod_title}</a> -
						<span class="js"></span>
					</h1>
					<p class="data margin-0">
						<span class="text-muted">类型：</span>
						{notempty name="data.data.vod_type"}
						{volist name="data.data.vod_type" id="vod"}
						{$vod}
						{/volist}
						{/notempty}
						<span class="split-line"></span>
						<span class="text-muted">地区：</span>
						{$data.data.vod_region}
						<span class="split-line"></span>
						<span class="text-muted">年份：</span>
						{$data.data.vod_year}
					</p>
				</div>
			</div>

			<div class="stui-pannel stui-pannel-bg clearfix">

				<div class="stui-pannel-box b playlist mb">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head bottom-line active clearfix"> <span
								class="more text-muted pull-right">无需安装任何插件</span>
							<h3 class="title"> 播放器列表</h3>
						</div>
					</div>
					<div class="stui-pannel_bd col-pd clearfix">
						<ul class="stui-content__playlist column8 clearfix">
							<ul class="playlistlink-1 list-15256 clearfix" id="xlus">
								{notempty name="data['data']['playerType']"}
								{volist name=":putPlayerList($data['data']['playerType'])" id="play" key="kk"
								empty="暂无数据"}
								{eq name="$play.state" value="on"}
								<li {eq name="$kk" value="1" } class="active" {/eq}>
									<a onclick="xldata(this)" data-jk="{$play.playurl}"
										href="javascript:">{$play.playtitle}
									</a>
								</li>
								{/eq}
								{/volist}
								{else /}
								<li class="active">
									<a data-href="" href="javascript:">暂无播放器</a>
								</li>
								{/volist}
								{/notempty}
							</ul>
					</div>
				</div>

				{notempty name="data.data.play"}
				{volist name="data.data.play" id="vod" empty="暂无数据" key="v"}
				<div class="stui-pannel-box b playlist mb">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head bottom-line active clearfix"> <span
								class="more text-muted pull-right">免费看全集</span>
							<h3 class="title"> {eq name='$vod.vod_name'
								value=''}未知来源{else/}{$vod.vod_name}{/eq}</h3>
						</div>
					</div>
					<div class="stui-pannel_bd col-pd clearfix">
						<ul class="stui-content__playlist column8 clearfix">
							<ul class="playlistlink-1 list-15256 clearfix">
								{notempty name="$vod.data"}
								{volist name="$vod.data" id="vods" key="kk" empty="暂无数据"}
								<li {eq name="$v" value="1" } class="lipbtn" {/eq}>
									<a data-href="{$vods.vod_url}" onclick="bofang(this)" href="javascript:">
										{neq name="$vods.vod_time" value=''}
										{$vods.vod_time}<br />
										{/neq}
										{$vods.vod_name}
									</a>
								</li>
								{/volist}
								{/notempty}
							</ul>
					</div>
				</div>
				{/volist}
				{/notempty}

			</div>
			<!-- 播放地址-->

			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head clearfix">
							<h3 class="title"> <img src="/static/shoutu13/icon/icon_30.png" /> 剧情简介 </h3>
						</div>
					</div>
					<div class="stui-pannel_bd">
						<p class="col-pd detail">
							<span class="detail-sketch">
								{$data.data.vod_desc}
							</span>
							<span class="detail-content" style="display: none;"></span> <a class="detail-more"
								href="javascript:;">详情 <i class="icon iconfont icon-moreunfold"></i></a> </p>
					</div>
				</div>
			</div>
			<!-- 剧情简介-->
			{notempty name="data.data.recommend"}
			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head clearfix">
							<h3 class="title"> <img src="/static/shoutu13/icon/icon_6.png" /> 猜你喜欢 </h3>
						</div>
					</div>
					<div class="stui-pannel_bd">
						<ul class="stui-vodlist__bd clearfix">
							{volist name="data.data.recommend" id="vod"}
							<li class="col-md-5 col-sm-4 col-xs-3">
								<div class="stui-vodlist__box stui-vodlist__bg"> <a class="stui-vodlist__thumb lazyload"
										href="/detail-{$page['vt']}/{$vod.vod_url}" title="{$vod.vod_name}"
										data-original="{$vod.vod_img}">
										<span class="play hidden-xs"></span> <span
											class="pic-text text-right">{:putVodLabel($vod)}</span>
									</a>
									<div class="stui-vodlist__detail active">
										<h4 class="title text-overflow"><a href="/detail-{$page['vt']}/{$vod.vod_url}"
												title="{$vod.vod_name}">{$vod.vod_name}</a></h4>
									</div>
								</div>
							</li>
							{/volist}
						</ul>
					</div>
				</div>
			</div>
			<!-- 猜你喜欢-->
			{/notempty}

		</div>


		<div class="col-lg-wide-25 col-xs-1 stui-pannel-side hidden-sm hidden-xs">

			<!-- <div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box clearfix">
					<div class="col-pd text-center" style="border: 1px solid #eee; border-radius: 5px;">
						<p><a href="http://lykep.com" title="零艺客">零艺客</a></p>
					</div>
				</div>
			</div> -->

			<!-- 扫码-->
			<div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box">
					<div class="stui-pannel_hd">
						<div class="stui-pannel__head clearfix">
							<h3 class="title"> <img src="/static/shoutu13/icon/icon_12.png" /> &nbsp;热播榜 </h3>
						</div>
					</div>
					<div class="stui-pannel_bd">
						<ul class="stui-vodlist__text col-pd clearfix">
							<li class="top-line-dot"> <a class="text-overflow" href="" title="海王"><span
										class="text-muted pull-right">888</span> <em class="text-red">1 .
									</em>海王</a> </li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 热播-->
			<!-- 广告-->
			<!-- <div class="stui-pannel stui-pannel-bg clearfix">
				<div class="stui-pannel-box clearfix">
					<div class="col-pd text-center">
						<script
							type="text/javascript">var jd_union_unid = "1001247319", jd_ad_ids = "514:6", jd_union_pid = "CI32+/D+LBDXpLfdAxoAII7mtP4FKgA="; var jd_width = 300; var jd_height = 300; var jd_union_euid = ""; var p = "AhUGUxlbFgcUBmVEH0hfIlgRRgYlXVZaCCsfSlpMWGVEH0hfImEJSCxVaWlXNUtcbXR2fQhDDlZJdndZF2sVBhsBVxJSFAcUN1UaWhUBFwFXG1MlMk1DCEZrXmwTNwpfBkgyEgNQH1IcCxEAUxpYFzITN2Ur";</script>
						<script type="text/javascript" charset="utf-8" src="//u-x.jd.com/static/js/auto.js"></script>
					</div>
				</div>
			</div> -->
			<!-- end 广告-->
		</div>


	</div>
</div>

<script>
	function bofang(obj) {
		var href = $(obj).attr('data-href');
		var text = $(obj).text();
		$('.js').text('' + text);
		$.each($('a'), function () {
			$(this).attr('id', '');
		});
		$(obj).attr('id', 'ys');
		var jiekou = $('#yss').attr('data-jk');
		if (href != '' || href != null) {
			$('#video').attr('src', '/jzad.html');
			setTimeout(function () {
				$('#video').attr('src', jiekou + href);
			}, 3000)
		}
	}

	function xldata(obj) {
		var url = $(obj).attr('data-jk');
		$('#xlus li').attr('class', '');
		$(obj).parent().attr('class', 'active');
		var src = $('#ys').attr('data-href');
		$('#video').attr('src', url + src);
	}

</script>
{notempty name = "data['data']['playListType']" }
{eq name="$data['data']['playListType']" value="1"}
<script>
	$('#xlus li').children('a:eq(0)').attr('id', 'yss');
	var choice = "{:putSelectionsjj($page)-1}";
	var biaoti = $('#xuji').text();
	var autourl = autourl = $('.lipbtn').children('a:eq(0)').attr('data-href');
	console.log(autourl, choice, biaoti);
	$('.lipbtn').children('a:eq(0)').attr('id', 'ys');
	var text = $('.lipbtn').children('a:eq(0)').text();
	$('.js').text('' + text);
	var jiekou = $('#xlus li').children('a:eq(0)').attr('data-jk');
	if (autourl != '' || autourl != null) {
		setTimeout(function () {
			$('#video').attr('src', jiekou + autourl);
		}, 3000)
	}
</script>
{else /}
<script>
	$(function () {
		$('#xlus li').children('a:eq(0)').attr('id', 'yss');
		var choice = "{:putSelectionsjj($page)-1}";
		var biaoti = $('#xuji').text();
		var autourl = autourl = $('.lipbtn').children('a:eq(' + choice + ')').attr('data-href');

		console.log(autourl, choice, biaoti);
		$('.lipbtn').children('a:eq(' + choice + ')').attr('id', 'ys');
		var text = $('.lipbtn').children('a:eq(' + choice + ')').text();
		$('.js').text('' + text);
		var jiekou = $('#xlus li').children('a:eq(0)').attr('data-jk');
		if (autourl != '' || autourl != null) {
			setTimeout(function () {
				$('#video').attr('src', jiekou + autourl);
			}, 3000)
		}
	})
</script>
{/eq}
{/notempty}
<script type="text/javascript" src="/static/shoutu13/js/history.js"></script>
<script>var vod_name = '{$data.data.vod_title} ', vod_url = window.location.href, vod_part = '1';</script>
<script>
	var RecordInfo = { title: "{$data.data.vod_title }", url: "{:request()->baseUrl()}", pic: "{$data.data.vod_pic}", type: "{$page['vt']}" };
	setTimeout(function () {
		PlayRecord(RecordInfo);
	}, 1500);
</script>